{extend name="common@base/common"/}

{block name="style"}
    <link href="__CSS__/usercenter.min.css" rel="stylesheet" type="text/css"/>
{/block}

{block name="body"}
<div id="main-container" class="container">
    <div class="usercenter">
        <div class="uc">
            {include file="index/_top"/}
            {include file="index/_top_menu"/}

            <div class="uc_content clearfix">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-xs-12 uc_fans" style="margin-left: 10px;">
                            <ul class="nav nav-primary ucenter-tab">
                                <li {eq name="tab" value="rank"} class="active"{/eq}>
                                    <a href="{:Url('ucenter/Index/rank',array('uid'=>$uid))}">
                                        {:lang('_TANK_OWNED_')}
                                    </a>
                                </li>
                                {if condition="$uid eq is_login()"}
                                    <li {eq name="tab" value="rankVerifyWait"} class="active"{/eq}>
                                        <a href="{:Url('ucenter/Index/rankVerifyWait')}">
                                            {:lang('_RANK_WAIT_AUDIT_')}
                                        </a>
                                    </li>
                                    <li {eq name="tab" value="rankVerifyFailure"} class="active"{/eq}>
                                        <a href="{:Url('ucenter/Index/rankVerifyFailure')}">
                                            {:lang('_RANK_APPLY_FAILED_')}
                                        </a>
                                    </li>
                                    <li {eq name="tab" value="rankVerify"} class="active"{/eq}>
                                        <a href="{:Url('ucenter/Index/rankVerify')}">
                                            {:lang('_RANK_APPLY_')}
                                        </a>
                                    </li>
                                {/if}
                            </ul>
                        </div>
                    </div>
                    {if condition="count($rankList) eq 0"}
                        <p class="text-muted" style="text-align: center; font-size: 1em;">
                            <br><br>
                            {:lang('_RANK_NONE_')}{:lang('_WAVE_')}
                            <br><br><br>
                        </p>
                    {/if}
                    <div style="margin: 20px 0 20px 20px;">
                        {volist name="rankList" id="rank"}
                            <div class="row"
                                 style="border-bottom: 1px solid #dedede;padding-bottom: 20px;padding-top:20px;margin-left: 0;margin-right: 0">
                                <div class="col-xs-2" style="margin-top: 30px;text-align: center;">
                                    {empty name="rank.label_content"}
                                        <img style="width: 18px;" class="rank-icon" src="{$rank.logo_url}" title="{$rank.title}" alt="{$rank.title}"/>
                                    {else/}
                                        <span class="label label-badge rank-label" title="{$rank.title}" style="background: {$rank.label_bg} !important;color:{$rank.label_color} !important;">{$rank.label_content}</span>
                                    {/empty}
                                </div>
                                <div class="col-xs-8">
                                    <div>
                                        {:lang('_RANK_NAME_')}{:lang('_COLON_')}{$rank.title}
                                    </div>
                                    <div style="margin-top: 10px;">
                                        {:lang('_REASON_')}{:lang('_COLON_')}{$rank.reason}
                                    </div>
                                    <div style="margin-top: 10px;">
                                        {:lang('_APPLY_TIME_')}{:lang('_COLON_')}{$rank.create_time|friendlyDate}
                                    </div>
                                </div>
                                <div class="col-xs-2">
                                    {eq name="tab" value="rankVerifyWait"} 
                                        <a class="btn btn-primary" href="{:Url('ucenter/Index/rankVerifyCancel',array('rank_id'=>$rank['rank_id']))}">{:lang('_APPLY_CANCEL_')}</a>{/eq}
                                    {eq name="tab" value="rankVerifyFailure"} 
                                    <a class="btn btn-primary" href="{:Url('ucenter/Index/rankVerify',array('rank_user_id'=>$rank['id']))}">
                                        {:lang('_APPLY_RE_')}
                                    </a>
                                    {/eq}
                                </div>
                            </div>
                        {/volist}
                    </div>
                </div>
                <div class="col-md-4 uc_other_link">
                    {include file="index/_right_link"/}
                </div>
            </div>
        </div>
    </div>
</div>
{/block}

